* {
    margin: 0;
    padding: 0
}

.login {
    width: 100vw;
    min-height: 100vh;
    background-image: url('https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3004304530,1243836012&fm=26&gp=0.jpg');
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    overflow: hidden;

    .panel {
        display: flex;
        flex-direction: column;
        width: 6rem;
        height: 3rem;
        background: url('https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3129973461,1394564016&fm=26&gp=0.jpg');
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 2rem auto;
        border-radius: 0.1rem;
        opacity: 0.7;
        font-size: 0.15rem;

        input {
            width: 2.5rem;
            height: 0.4rem;
            margin: 0.2rem auto;
            padding-left: 0.2rem;
            font-size: 0.2rem;
            outline: none;
            border-radius: 0.2rem;
            border: none;

        }

        .btn {
            width: 2rem;
            height: 0.6rem;
            margin: 0 auto;
            border: none;
            border-radius: 0.05rem;
            background: cadetblue;
            font-size: 0.2rem;
            color: #fff;
        }
    }
}